Ext.onReady(function() {
			new Ext.Viewport({
						layout : "border",
						height : 600,
						items : [{
									region : "north",
									title : '通讯录',
									height : 100,
									frame : false,
									width : "100%",
									items : [topPanel]
								}, {
									region : "center",
									frame : true,
									width : "100%",
									items : [grid_panel]
								}]
					});
		});

/**
 * 定义一个班级信息的数据模版
 */
Ext.define('classInfo', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'classid',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}]
		});

var classInfoStore = Ext.create('Ext.data.Store', {
			model : 'classInfo',
			proxy : {
				type : 'ajax',
				url : 'getAddress?isAll=1',
				method : 'GET',
				reader : {
					// totalProperty : 'total',
					type : 'json',
					root : 'root'
				}
			}
		});

var data = [['0', '全部'], ['1', '教师'], ['2', '学生']];
var teamStore = new Ext.data.SimpleStore({
			fields : ['key', 'value'],
			data : data
		});
var combo1 = new Ext.form.ComboBox({
			fieldLabel : '收信人',
			name : 'folderMoveTo',
			id : 'team',
			store : teamStore,
			displayField : 'value',
			valueField : 'key',
			mode : 'local',
			value : '0',
			allowBlank : false,
			typeAhead : true, // 自动将第一个搜索到的选项补全输入
			triggerAction : 'all',
			width : 300,
			style : "margin-top: 25px; margin-left:25px;",
			selectOnFocus : true,
			forceSelection : true,
			listeners : {
				select : function(combo) {
					if (combo.value == 2) {
						Ext.getCmp("classTeam").show();
					} else {
						Ext.getCmp("classTeam").hide();
					}
				}
			}
		});
classInfoStore.load();
var combo = new Ext.form.ComboBox({
			fieldLabel : '班级',
			name : 'folderMoveTo',
			id : 'classTeam',
			store : classInfoStore,
			displayField : 'name',
			valueField : 'classid',
			mode : 'local',
			hidden : true,
			value : '0',
			allowBlank : false,
			typeAhead : true, // 自动将第一个搜索到的选项补全输入
			triggerAction : 'all',
			width : 300,
			style : "margin-top: 25px; margin-left:25px;",
			selectOnFocus : true,
			forceSelection : true

		});

Ext.define('book', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'id',
						type : 'string'
					}, {
						name : 'role',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}, {
						name : 'phoneNum',
						type : 'string'
					}]
		});

var myStore = Ext.create('Ext.data.Store', {
	model : 'book',
	pageSize : 14,
	proxy : {
		type : 'ajax',
		url : 'getBook',
		method : 'GET',
		reader : {
			totalProperty : 'total',
			type : 'json',
			root : 'root'
		}
	},
	listeners : {
		load : function() {

		}
	}
		// },
		// autoLoad : true
	});
myStore.on('beforeload', function() {
			var team = Ext.getCmp('team').getValue(); // 收信人
			var classTeam = Ext.getCmp('classTeam').getValue(); // 班级
			if (team != 2) {
				classTeam = -1;
			}
			Ext.apply(myStore.proxy.extraParams, {
						team : team,
						classTeam : classTeam
					})
		});
// myStore.load({
// callback : function(r, options, success) {
// if (success == true) {
// if (myStore.data.length == 0) {
// Ext.Msg.alert('提示', '没有符合条件的结果');
// }
// } else {
// Ext.Msg.alert('警告', '数据加载失败，请稍后再试！');
// }
// }
// });
/**
 * 
 * var panel2 = Ext.create('Ext.grid.Panel', { renderTo : 'grid', width : 400,
 * height : 203, title : 'Month Browser', columns : [{ text : 'Month of the
 * year', dataIndex : 'month', width : 240 }], bbar :
 * Ext.create('Ext.toolbar.Paging', { pageSize : 6, store : myStore, displayInfo :
 * true }) });
 * 
 */
var record_start = 0;

var pnSub1 = new Ext.Panel({
			height : 100,
			columnWidth : .35,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [combo1]
		});
var pnSub2 = new Ext.Panel({
			height : 100,
			columnWidth : .35,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [combo]
		});

var pnSub4 = new Ext.Panel({
			height : 100,
			columnWidth : .3,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : "button",
						frame : true,
						text : '<span style="font-size:12px;">查询</span>',
						width : 55,
						height : 55,
						handler : function() {
							var team = Ext.getCmp('team').getValue(); // 收信人
							var classTeam = Ext.getCmp('classTeam').getValue(); // 班级
							if (team != 2) {
								classTeam = -1;
							}
							myStore.load({
										params : {
											team : team,
											classTeam : classTeam
										},
										callback : function(records, options,
												success) {
											if (myStore.data.length == 0) {
												Ext.Msg
														.alert('提示',
																'没有符合条件的结果');
											}
										},
										scope : myStore,
										add : true
									});
						}
					}]
		});
var topPanel = new Ext.Panel({
			layout : 'column',
			id : 'mainPanel',
			width : "100%",
			style : 'border-width:0 0 0 0;',
			frame : true,
			items : [pnSub1, pnSub2, pnSub4]

		});

var grid_panel = Ext.create('Ext.grid.Panel', {
			// title : '短信列表',
			store : myStore,
			autoScroll : false,
			width : "100%",
			height : "100%",
			// frame : true,
			// bodyBorder : false,
			loadMask : true,
			stripeRows : true,
			bbar : new Ext.PagingToolbar({
						store : myStore,
						displayInfo : true,
						displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
						emptyMsg : "No results to display",
						prevText : "上一页",
						nextText : "下一页",
						refreshText : "刷新",
						lastText : "最后页",
						firstText : "第一页",
						beforePageText : "当前页",
						afterPageText : "共{0}页"
					}),
			columns : [new Ext.grid.RowNumberer({
								header : "序号",
								id : 'index',
								width : 40,
								renderer : function(value, metadata, record,
										rowIndex) {
									return record_start + 1 + rowIndex;
								}
							}), {
						text : 'id',
						align : 'center',
						width : 100,
						hidden : true,
						dataIndex : 'id'
					}, {
						text : '角色',
						align : 'center',
						width : 200,
						dataIndex : 'role'
					}, {
						text : '姓名',
						align : 'center',
						width : 200,
						dataIndex : 'name'
					}, {
						text : '收信人号码',
						align : 'center',
						width : 300,
						dataIndex : 'phoneNum'
					}]
		});

function delData(grid, rowIndex) {
	var id = grid.store.data.items[rowIndex].data.id;
	Ext.MessageBox.show({
		title : "警告！",
		msg : "您确定要删除该条消息吗？",
		width : 400,
		closable : false,
		buttons : Ext.MessageBox.YESNO,
		icon : Ext.MessageBox.QUESTION,
		fn : function(btn) {
			if (btn == 'yes') {
				var waitMsg = new Ext.LoadMask(Ext.getBody(), {
					msg : "请稍候。。。。。。",
					removeMask : true
						// 完成后移除
					});
				waitMsg.show();
				Ext.Ajax.request({
							url : 'delSMS',
							params : {
								id : id
							},
							method : "GET",
							success : function(resp, opts) {
								if (resp.responseText == 'true') {
									alert("返回结果：" + resp.responseText);
									grid.store
											.remove(grid.store.data.items[rowIndex]);
									grid.store.reload();
								}
							},
							failure : function(form, action) {
								alert("失败啦");
							}
						});
				waitMsg.hide();
			}
		}
	});
}
